import 'package:app/common/colors.dart';
import 'package:app/services/dio_manager.dart';
import 'package:app/utils/hexcolor.dart';
import 'package:bot_toast/bot_toast.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';

import 'mine_face_manage.dart';

class ManageFacesPage extends StatefulWidget {
  @override
  _ManageFacesPageState createState() => _ManageFacesPageState();
}

class _ManageFacesPageState extends State<ManageFacesPage>
    with TickerProviderStateMixin {
  bool displayPsw = true;

  @override
  void dispose() {
    // TODO: implement dispose
    super.dispose();
  }

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
            leading: IconButton(
              onPressed: () {
                Get.back();
              },
              icon: Image.asset(
                'images/leftarr.png',
                color: Colors.white,
                width: 15,
                height: 15,
              ),
            ),
            title: const Text(
              '实名认证',
              style: TextStyle(
                color: Colors.white,
              ),
            ),
            backgroundColor: AppColor.themeColor), // 就是这里
        body: Container(
            color: HexColor("#DDDDDD"),
            padding: const EdgeInsets.all(10.0),
            child: Column(children: [
              GestureDetector(
                onTap: () {
                  Get.to(ManageFacePage());
                },
                child: Container(
                    decoration: BoxDecoration(
                      color: Colors.white,
                      borderRadius: BorderRadius.circular(8),
                    ),
                    padding: const EdgeInsets.all(5.0),
                    child: Row(children: [
                      Container(
                          width: Get.width - 32,
                          padding: const EdgeInsets.all(5.0),
                          child: Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              Container(
                                margin: const EdgeInsets.only(
                                    left: 5, top: 5, bottom: 5),
                                child: Row(
                                  mainAxisAlignment:
                                      MainAxisAlignment.spaceBetween,
                                  children: [
                                    Row(
                                      children: [
                                        Container(
                                            width: 4,
                                            height: 24,
                                            decoration: BoxDecoration(
                                              color: HexColor("#4369F1"),
                                              borderRadius:
                                                  BorderRadius.circular(8),
                                            )),
                                        Container(
                                            margin:
                                                const EdgeInsets.only(left: 10),
                                            child: const Text("实名信息",
                                                style: TextStyle(
                                                    fontWeight: FontWeight.w500,
                                                    fontSize: 15))),
                                      ],
                                    ),
                                    Container(
                                        margin: const EdgeInsets.only(left: 20),
                                        padding: const EdgeInsets.fromLTRB(
                                            10, 2, 10, 2),
                                        decoration: BoxDecoration(
                                          color: HexColor("#4369F1"),
                                          borderRadius:
                                              BorderRadius.circular(8),
                                        ),
                                        child: const Text("L2已认证",
                                            style: TextStyle(
                                                color: Colors.white,
                                                fontSize: 12)))
                                  ],
                                ),
                              ),
                              Container(
                                width: Get.width - 60,
                                // color: AppColor.lineColor,
                                child: Divider(
                                  color: AppColor.lineColor,
                                  // height: 1,
                                  thickness: 0.5,
                                ),
                              ),
                              Container(
                                margin: const EdgeInsets.all(5),
                                child: Row(
                                  children: [
                                    Container(child: const Text("姓名:")),
                                    Container(
                                        margin: const EdgeInsets.only(left: 10),
                                        child: Text("*蒙特",
                                            style: TextStyle(
                                                color: HexColor("#4369F1"))))
                                  ],
                                ),
                              ),
                              Container(
                                margin: const EdgeInsets.all(5),
                                child: Row(
                                  children: [
                                    Container(child: const Text("证件号码:")),
                                    Container(
                                        margin: const EdgeInsets.only(left: 10),
                                        child: Text("320**********6195",
                                            style: TextStyle(
                                                color: HexColor("#4369F1"))))
                                  ],
                                ),
                              ),
                              Container(
                                margin: const EdgeInsets.all(5),
                                child: Row(
                                  children: [
                                    Container(child: const Text("证件类型:")),
                                    Container(
                                        margin: const EdgeInsets.only(left: 10),
                                        child: Text("居民身份证",
                                            style: TextStyle(
                                                color: HexColor("#4369F1"))))
                                  ],
                                ),
                              )
                            ],
                          )),
                    ])),
              ),
              Container(
                  margin: const EdgeInsets.only(top: 10),
                  decoration: BoxDecoration(
                    color: Colors.white,
                    borderRadius: BorderRadius.circular(8),
                  ),
                  padding: const EdgeInsets.all(5.0),
                  child: Row(children: [
                    Container(
                        padding: const EdgeInsets.all(5.0),
                        width: Get.width - 32,
                        child: Column(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            Container(
                              margin: const EdgeInsets.all(5.0),
                              child: Row(
                                mainAxisAlignment: MainAxisAlignment.start,
                                children: [
                                  Row(
                                    children: [
                                      Container(
                                          width: 4,
                                          height: 24,
                                          decoration: BoxDecoration(
                                            color: HexColor("#4369F1"),
                                            borderRadius:
                                                BorderRadius.circular(8),
                                          )),
                                      Container(
                                          margin:
                                              const EdgeInsets.only(left: 10),
                                          child: const Text("L1认证",
                                              style: TextStyle(
                                                  fontWeight: FontWeight.w500,
                                                  fontSize: 15))),
                                    ],
                                  ),
                                  Container(
                                      margin: const EdgeInsets.only(left: 20),
                                      child: const Text("DTCloudAPP短信认证",
                                          style: TextStyle(
                                              color: Colors.grey,
                                              fontSize: 12)))
                                ],
                              ),
                            ),
                            Container(
                              margin: const EdgeInsets.all(5),
                              child: Row(
                                mainAxisAlignment:
                                    MainAxisAlignment.spaceBetween,
                                children: [
                                  Container(child: const Text("手机号+短信认证")),
                                  Container(
                                      margin: const EdgeInsets.only(left: 10),
                                      child: Text("已认证",
                                          style: TextStyle(
                                              color: HexColor("#4369F1"))))
                                ],
                              ),
                            )
                          ],
                        )),
                  ])),
              GestureDetector(
                  onTap: () {
                    Get.to(ManageFacePage());
                  },
                  child: Container(
                      margin: const EdgeInsets.only(top: 10),
                      decoration: BoxDecoration(
                        color: Colors.white,
                        borderRadius: BorderRadius.circular(8),
                      ),
                      padding: const EdgeInsets.all(5.0),
                      child: Row(children: [
                        Container(
                            width: Get.width - 32,
                            padding: const EdgeInsets.all(5.0),
                            child: Column(
                              crossAxisAlignment: CrossAxisAlignment.start,
                              children: [
                                Container(
                                  margin: const EdgeInsets.all(5.0),
                                  child: Row(
                                    children: [
                                      Container(
                                          width: 4,
                                          height: 24,
                                          decoration: BoxDecoration(
                                            color: HexColor("#4369F1"),
                                            borderRadius:
                                                BorderRadius.circular(8),
                                          )),
                                      Container(
                                          margin:
                                              const EdgeInsets.only(left: 10),
                                          child: const Text("L2认证",
                                              style: TextStyle(
                                                  fontWeight: FontWeight.w500,
                                                  fontSize: 15))),
                                      Container(
                                          margin:
                                              const EdgeInsets.only(left: 20),
                                          child: const Text("大陆居民身份证、港澳台居民身份证",
                                              style: TextStyle(
                                                  color: Colors.grey,
                                                  fontSize: 12)))
                                    ],
                                  ),
                                ),
                                Container(
                                  margin: const EdgeInsets.all(5),
                                  child: Row(
                                    mainAxisAlignment:
                                        MainAxisAlignment.spaceBetween,
                                    children: [
                                      Container(
                                          child: const Text("身份信息+人脸识别认证")),
                                      Container(
                                          margin:
                                              const EdgeInsets.only(left: 10),
                                          child: Text("已认证",
                                              style: TextStyle(
                                                  color: HexColor("#4369F1"))))
                                    ],
                                  ),
                                )
                              ],
                            )),
                      ])))
            ])));
  }
}
